<template>
  <div class="desc-box border-bottom">
    <div class="desc border-bottom">
      <div class="desc-score border-right">
        <div class="score-title">
          <span class="score-title-score">4.9分</span>
          <span>很棒</span>
        </div>
        <div class="score-com">
          <span>3884条评论</span>
          <span>4条攻略</span>
        </div>
        <span class="iconfont icon-jiantouyou"></span>
      </div>
      <div class="desc-more">
        <div class="more-title">
          <span>景点简介</span>
        </div>
        <div class="more-com">
          <span>开放时间</span>
          <span>贴士</span>
        </div>
        <span class="iconfont icon-jiantouyou"></span>
      </div>
    </div>
    <div class="position">
      <span class="iconfont icon-dingwei"></span>
      {{position}}
    </div>
  </div>

</template>

<script>
    export default {
      name: "detailDesc",
      props : {
        position:String
      }
    }
</script>

<style lang="stylus" scoped>
  .icon-jiantouyou
    position: absolute
    top -.2rem
    right:.2rem
    line-height 1.4rem
    color #aaa
    font-size .28rem
  .desc-box
    height 2rem
    width 100%
    .position
      padding-left .2rem
      .icon-dingwei
        color #aaa
        font-size .36rem
    .desc
      height 1rem
      width 100%
      padding .2rem 0
      .desc-score
        float: left
        width 44%
        position: relative
        padding 0 .2rem
        .score-title
          color #ff8300
          .score-title-score
            font-size .4rem
            line-height .6rem
            margin-right:.1rem
        .score-com
          font-size .24rem
          color #aaa
      .desc-more
        float: left
        position: relative
        padding 0 .2rem
        width 44%
        .more-title
          color #333
          line-height .6rem
        .more-com
          font-size .24rem
          color #aaa



</style>
